<div class="crudField crud_text">
	<label for="pais"> Pais </label>
	<select id="pais" name="pais" onchange="getProvincias()">
		<option value="">&{'crud.none'}</option> #{list items:_paises,
		as:'pais'}
		<option value="${pais.id}" #{if (_paisSelected !=null&& pais.id.equals(_paisSelected))} selected #{/if}>${pais.descripcion}</option>
		#{/list}
	</select>
</div>
<div class="crudField crud_text">
	<label for="provincia"> Provincia </label>
	<select id="provincia" name="provincia" onchange="getLocalidades()">
		<option value="">&{'crud.none'}</option> #{list items:_provincias,
		as:'provincia'}
		<option value="${provincia.id}" #{if (_provinciaSelected !=null&& provincia.id.equals(_provinciaSelected))} selected #{/if}>${provincia.descripcion}</option>
		#{/list}
	</select>
</div>
<div class="crudField crud_text">
	#{field 'object.localidad'}
	<label for="${field.id}"> Localidad </label>
	<select id="${field.id}" name="object.localidad.id" onchange="setCodigoPostalPrefijo()">
		<option value="">&{'crud.none'}</option> 
		#{list items:_localidades, as:'localidad'}
			<option value="${localidad.id}" #{if (_selected !=null&& localidad.id.equals(_selected.id))} selected #{/if}>${localidad.descripcion}</option>
		#{/list}
	</select>
	#{ifError field.name}
	<span class="error">${field.error.raw()}</span>
	#{/ifError} 
	#{/field}
		
</div>

<script type="text/javascript">

function getLocalidades() {
	$.get("/Localidades/getLocalidadesJson",  {
		provincia: $("#provincia").val()
	},function(data){
		if(data[0] != 'ERROR'){
			var localidades = JSON.parse(data[1]);
			
			$("select#object_localidad > option").remove();
			var i = 0;
			for(i = 0; i < localidades.length; i++) {
				$("select#object_localidad").append("<option value='" + localidades[i].id + "' >" + localidades[i].descripcion + "</option>");
			}
			
			$("select#object_localidad").prepend('<option value="" selected="selected">&{'crud.none'}</option>');
			
			return false;
		}else {
			return false;
		}
		
	},'json');
}

function getProvincias() {
	$.get("/Provincias/getProvinciasJson",  {
		pais: $("#pais").val()
	},function(data){
		if(data[0] != 'ERROR'){
			var provincias = JSON.parse(data[1]);
			
			$("select#provincia > option").remove();
			var i = 0;
			for(i = 0; i < provincias.length; i++) {
				$("select#provincia").append("<option value='" + provincias[i].id + "' >" + provincias[i].descripcion + "</option>");
			}
			
			$("select#provincia").prepend('<option value="" selected="selected">&{'crud.none'}</option>');
			
			return false;
		}else {
			return false;
		}
		
	},'json');
	
	$("select#object_localidad > option").remove();
	$("select#object_localidad").prepend('<option value="" selected="selected">&{'crud.none'}</option>');
}

function setCodigoPostalPrefijo(){
	$.get("/Localidades/getCPPrefijoJson",  {
		localidad: $("select#object_localidad").val()
	},function(data){
		if(data[0] != 'ERROR'){
			if ($('#object_cp').val() =='')
				$('#object_cp').val(data[1]);
			if ($('#object_telefono').val() =='')
				$('#object_telefono').val(data[2]);
			if ($('#object_celular').val() =='')
				$('#object_celular').val(data[2]);
			if ($('#object_fax').val() =='')
				$('#object_fax').val(data[2]);
			return false;
		}else {
			return false;
		}
		
	},'json');
	
}
</script>